<template>
    <div>
        <span>欢迎 {{name}}</span>
        <a href="#" class="changepwd" @click="changepwd">修改密码</a>
        <a href="#" @click="quit">注销登录</a>
    </div>
</template>

<script>
import { setCookie,getCookie,delCookie } from '../assets/cookie.js'
    export default{
        data(){
            return{
                name: ''
            }
        },
        mounted(){
            /*页面挂载获取保存的cookie值，渲染到页面上*/
            var uname = getCookie('mobile')
            this.name = uname
            /*如果cookie不存在，则跳转到登录页*/
            if(uname == ""){
                this.$router.push('/')
            }
        },
        methods:{
            changepwd(){
                this.$router.push('/changePwd')
            },
            quit(){
                /*删除cookie*/
                //delCookie('mobile')
                //this.$router.push('/login')//前端，无后端响应
                var mobile = getCookie('mobile')
                // var params = new URLSearchParams()
                // params.append('',mobile);
                var data = {'mobile':mobile}
                // 发送一个 POST 请求
                var self = this;
                this.$http.delete('http://localhost:7777/users/session/'+data.mobile,
                //如果服务端将参数当做 java对象来封装接收则 参数格式为：{data: param}
                //如果服务端将参数当做url 参数 接收，则格式为：{params: param}，这样发送的url将变为http:www.XXX.com?a=..&b=..
                // {params:params},
                // { headers: {
                // "Access-Control-Allow-Origin": "*",
                // }}
                ).then(function (res) {
        　　       //请求成功
                    console.log(res)
                    console.log(res.data.code)
                    if(res.data.code == 4){
                        delCookie('mobile')
                        console.log(1)
                        setTimeout(function(){
                            self.$router.push('/')
                        }.bind(self),1000)
                    }else{
                       //登出失败时。。。
                    }
                }).catch(function (error) {
            　　  //请求失败
                });
            }
        }
    }
</script>
<style>
    .changepwd{
        width:20px;
        height:20px;
        line-height: 20px;
    }
</style>
